<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="themes/test.css"></link>

<style type="text/css" media="all">
	/* include common CSS file */
	@import url(../windoo/themes/windoo.css);

	/* include theme-specific CSS files */
	@import url(../windoo/themes/windoo.aero.css);
	@import url(../windoo/themes/windoo.alphacube.css);
	@import url(../windoo/themes/windoo.aqua.css);

	body {
		background:#fff;
	}

	/* custom CSS code */
	#win2 {
		width:300px;
		height:150px;
		border:solid red 1px;
		margin:3em 0 0 2em;
		padding:.5em;
		overflow:hidden;
		font-size:12px;
	}
	#win2 p {
		margin:0;
		padding:0;
	}
</style>

<script src="../windoo/js/mootools-release-1.11.js" type="text/javascript" charset="utf-8"></script>
<script src="../windoo/js/windoo.r114.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">//<![CDATA[

 function resize2() {
 
 	alert ("resize");
 	/*var textarea = $('textarea');
 	//var win = Windoo.$wm.windoo1;
 	var largeur = win.width - 5;
 	textarea.style = "width:"+largeur+"px;";*/
 
}

//** Create windows on page load
window.addEvent('domready', function(){

	//** Window 1: positioned window with content adopted from existing DOM element
	var win1 = $('main'), container1 = win1.getParent();
	win1.remove();
	
	var windoo1 = new Windoo({
		left: 600,
		top: 10,
		title: 'test',
		//positionStyle: 'fixed', // NOTE: not functional if container defined
		container: container1,
		resizeLimit: {'x':[270], 'y':[200]},
		theme: Windoo.Themes.alphacube,
		position: false,
		onResizeComplete: function(){
		    
		}
	}).adopt(win1).show();

	//** move windoo1 on top
	windoo1.bringTop();

});

//]]></script>


</head>
<body>

<div id="main">
	<div id="dialog">
		<b class="userB">[11:03:54 pm] test:</b>
		<span style="font-family: Tahoma,sans-serif; font-size: 12px; color: rgb(0, 0, 0);">hello</span>
		<br/>
	</div>
	<div id="user-zone">
		<div id="toolbar">
			<div class="imToolbar" onselectstart="return false;" onmousemove="return false;" style="top: 262px; width: 310px;">
				<img alt="Bold" onmousedown="return false;" src="themes/default/window/bold_off.png"/>
				<img alt="Italic" onmousedown="return false;" src="themes/default/window/italic_off.png"/>
				<img alt="Underline" onmousedown="return false;" src="themes/default/window/underline_off.png"/>
			</div>
		</div>
		<div id="input">
			<textarea id="textarea"></textarea>
		</div>
	</div>
</div>
</body>
</html>